Ползёт стиль

[Ge1i0N]

Есть один сайт... http://kiggormon.com/

Почему-то на некоторых компах и на всех телефонах сползает стиль.

[odys]

Почему-то на некоторых компах и на всех телефонах сползает стиль.

а Вы вкурсе, что html5 понимают не все браузеры и им нужно об этом сообщить!

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

И напишите в каких именно «компах» стиль «сползает».

На первый взгляд, перемудрил с position и отступами.

[NeoXidizer]

Обнаружил ошибки:

1. Использование селектора "*" (-производительность)

2. Неправильный тег - acide (хим. кислота), заместо aside (в стороне)

3. Использование UTF-8 with BOM

4. Лишний код:

<link rel=”icon” href=”/wp-content/themes/kiggormon/favicon.ico” />
<link rel=”shortcut icon” href=”/wp-content/themes/kiggormon/favicon.ico” />

достаточно просто

<link rel="shortcut icon" href="/wp-content/themes/kiggormon/favicon.ico" />

5. Неправильный тег </br>, должно быть <br/>

6. Имеется тег </footer>, но нет <footer>

7. Не закрыты два элемента <span>

8. Для вашего меню достаточно такой структуры

<nav>
   <a></a>
   <a></a>
</nav>

тобишь <li></li> лишние

9. В css:

acide ul li  h2{
	font-family:Arial;
	font-size:21px;
	font:bolder;
	text-align:center;
	color:#1d1d1d;
	padding:0 0 10px 0;
} 

про acide уже сказал, но что за "font:bolder;"?

Удивительно, что сайт отображается нормально вообще

[Ge1i0N]

6. Имеется тег </footer>, но нет <footer>

Удивительно, что сайт отображается нормально вообще

Вот тут ошибся.

А насчёт остального вы правы. Facepalm мне...

Спасибо.

Ошибка пока в силе...

[SelenIT]

что за "font:bolder;"?

По логике, должно "ужирнять" шрифт по сравнению с предком (делать bold из normal-а и heavy/black из bold-а), попутно сбрасывая font-family, font-size, line-height и остальные шрифтовые свойства к браузерным дефолтам...

[Ge1i0N]

а Вы вкурсе, что html5 понимают не все браузеры и им нужно об этом сообщить!

И напишите в каких именно «компах» стиль «сползает».

На первый взгляд, перемудрил с position и отступами.

Спасибо, буду пробовать разобраться с отступами.

К сожалению на каких именно комомпах такое случается идентефицировать не удалось. Ясно только что на всех мобильных устройствах криво отображается. Как я вижу-виновата пачка препарата. Она сползает и от этого едет и список ниже.

про acide уже сказал, но что за "font:bolder;"?

По логике, должно "ужирнять" шрифт по сравнению с предком (делать bold из normal-а и heavy/black из bold-а), попутно сбрасывая font-family, font-size, line-height и остальные шрифтовые свойства к браузерным дефолтам...

Так и планировалось

[SelenIT]

Так и планировалось

Зачем тогда перед этим указывать font-family и font-size, если font всё равно их сбросит? Может, планировалось всё-таки font-weight: bolder?

[troll]

что за "font:bolder;"?

По логике, должно "ужирнять" шрифт по сравнению с предком (делать bold из normal-а и heavy/black из bold-а), попутно сбрасывая font-family, font-size, line-height и остальные шрифтовые свойства к браузерным дефолтам...

Нет, так не будет работать. Для font, если указывается font-weight, нужны еще как минимум font-size и font-family.

[SelenIT]

troll, спасибо за поправку!